<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name='viewport' content="width=device-width,initial-scale=1,user-scalable=no">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>


    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/title.css">
    <link rel="stylesheet" href="css/content.css">
    <link rel="stylesheet" href="./css/sever.css">
    <link rel="stylesheet" href="./css/foot.css">
    <link rel="stylesheet" href="./css/wz.css">
    <link rel="stylesheet" href="./css/phone.css">
</head>
<style>
    body{
        background-color: rgb(234, 234, 234);
    }
</style>
<body>
    <div class="header">
        <input type="text" class="header-input" placeholder="搜索：目的地/特价/景点/航班">
        <div class="avatar">
            <i class="fa fa-user-circle" aria-hidden="true"></i>
            <div>我的</div>
        </div>
    </div>

    <div class="title-container">
        <div class="title-item">
            <div class="title-img t1"></div>
            <div>
                攻略·景点
            </div>
        </div>
        <div class="title-item">
            <div class="title-img t2"></div>
            <div>
                门票·玩乐
            </div>
        </div>
        <div class="title-item">
            <div class="title-img t3"></div>
            <div>
                美食林
            </div>
        </div>
        <div class="title-item">
            <div class="title-img t4"></div>
            <div>
                周边游
            </div>
        </div>
        <div class="title-item">
            <div class="title-img t5"></div>
            <div>
                一日游
            </div>
        </div>
    </div>

    <div class="content-container">
        <div class="row1">
            <div class="row1-item1">
                酒店
            </div>

            <div class="row1-item2">
                民宿·客栈
            </div>

            <div class="row1-item3">
                特价·爆款
            </div>
        </div>
        <div class="row2">
            <div class="row2-item1">
                机票
            </div>

            <div class="row2-item2">
                火车票
            </div>

            <div class="row2-item3">
                汽车·船票
            </div>
            <div class="row2-item4">
                专车·租车
            </div>
        </div>
        <div class="row3">
            <div class="row3-item1">
                旅游
            </div>

            <div class="row3-item2">
                高铁
            </div>

            <div class="row3-item3">
                邮轮游
            </div>
            <div class="row3-item4">
                定制游
            </div>
        </div>
    </div>
    <div class="sever-container1">
        <div class="row11">
            <div class="row11-item">
                <div class="row11-img r1"></div>
                <div>自由行</div>
            </div>
            <div class="row11-item">
                <div class="row11-img r2"></div>
                <div>wifi电话卡</div>
            </div>
            <div class="row11-item">
                <div class="row11-img r3"></div>
                <div>保险·签证</div>
            </div>
            <div class="row11-item">
                <div class="row11-img r4"></div>
                <div>换钞·购物</div>
            </div>
            <div class="row11-item">
                <div class="row11-img r5"></div>
                <div>向导·包车</div>
            </div>
        </div>
        <div class="row22">
            <div class="row22-item">
                <div class="row22-img r1"></div>
                <div>自由行</div>
            </div>
            <div class="row22-item">
                <div class="row22-img r2"></div>
                <div>wifi电话卡</div>
            </div>
            <div class="row22-item">
                <div class="row22-img r3"></div>
                <div>保险·签证</div>
            </div>
            <div class="row22-item">
                <div class="row22-img r4"></div>
                <div>换钞·购物</div>
            </div>
            <div class="row22-item">
                <div class="row22-img r5"></div>
                <div>向导·包车</div>
            </div>
        </div>
    </div>
    <div class="dfoot">
        <div class="foot">
            <div class="dd">
                <div class="f-img f1"></div>
                <div>电话</div>
            </div>
            <div class="xx">
                <div class="f-img f2"></div>
                <div>下载客户端</div>
            </div>
            <div class="ww">
                <div class="f-img f3"></div>
                <div>我的</div>
            </div>
        </div>
    </div>
    <div class="dw">
        <div class="wangzhan">网站地图|language|电脑版</div>
        <div class="phone">©携程旅行|沪ICP必备08023580号</div>
    </div>

</html>